.modal-dialog
  .modal-content

    if isCodeCombat
      // only CodeCombat has more than one tab
      img(src="/images/pages/play/modal/game-menu-background.png", draggable="false")#game-menu-background

      div#close-modal
        span.glyphicon.glyphicon-remove

      ul#game-menu-nav.nav.nav-pills.nav-stacked(dir="ltr")
        for submenu, index in submenus
          li(class=submenu === showTab ? "active" : "")
            a(href='#' + submenu + '-view', data-toggle='tab')
              span.glyphicon(class="glyphicon-"+iconMap[submenu])
              - var i18nKey = 'game_menu.' + submenu.replace('-', '_');
              span(data-i18n='[title]' + i18nKey + '_caption;' + i18nKey + '_tab')

        if view.options.hintsState && view.options.hintsState.get('total') > 0
          li
            a.hints-button
              span.glyphicon.glyphicon-book
              span(data-i18n='play_level.hints')

        if view.showsCourseVideos()
          li
            a.course-videos-button
              span.glyphicon.glyphicon-film
              span(data-i18n="play_level.videos")

        if view.showsChooseHero()
          li
            a#change-hero-tab
              span.glyphicon.glyphicon-user
              span(data-i18n='[title]game_menu.choose_hero_caption;play.change_hero')
          li
            a#change-language-tab
              span.glyphicon.glyphicon-edit
              span(data-i18n='[title]game_menu.choose_hero_caption;play.change_language')


        if me.get('anonymous') && !features.noAuth
          li.auth-tab(data-toggle='coco-modal', data-target="core/CreateAccountModal")
            a(data-toggle='coco-modal', data-target="core/CreateAccountModal")
              span.glyphicon.glyphicon-pencil
              span(data-i18n='[title]game_menu.auth_caption;game_menu.auth_tab')

  .tab-content.game-menu-tab-content
    for submenu, index in submenus
      .tab-pane(id=submenu + '-view')
